<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <meta content="" name="description">
    <meta content="" name="author">

    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <title>Dashboard Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">

    <!-- Custom styles for this template -->
    <link rel="stylesheet" th:href="@{/css/dashboard.css}">
    <style type="text/css">
        /* Chart.js */

        @-webkit-keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        @keyframes chartjs-render-animation {
            from {
                opacity: 0.99
            }
            to {
                opacity: 1
            }
        }

        .chartjs-render-monitor {
            -webkit-animation: chartjs-render-animation 0.001s;
            animation: chartjs-render-animation 0.001s;
        }
    </style>
</head>

<body>
<div th:replace="~{commons/commons::topbar}"></div>


<div class="container-fluid">
    <div class="row">
        <div th:replace="~{commons/commons::sidebar(active='bogus/list.html')}"></div>
        <main class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4" role="main">

                <div>
                    <form th:action="@{/ide}" method="post" >
                    <li class="input-group-prepend">
                        <input  th:name="name" type="text" placeholder="请输入跳转页面" value>
                        <button class="btn btn-primary btn-sm" type="submit">识别</button>
                    </li><li><a class="page-link" th:href="'http://localhost:8080/bogus/1'">查看全部</a></li>

                    </form>

                </div>



            <div class="table-responsive" style="height: 450px; overflow: auto">
                <table class="table table-hover table-bordered " >
                    <thead>
                    <tr th:class="text-center">
                        <th>位置</th>
                        <th>学校名</th>
                        <th>院校识别</th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr  th:each="emp:${list}">
                        <!--                        <td th:text="${emp}"></td>-->
                        <td th:text="${emp.getProvince()}"></td>
                        <td th:text="${emp.getName()}"></td>
                        <td th:text="${emp.getIde()}"></td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </main>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="asserts/js/jquery-3.2.1.slim.min.js" type="text/javascript"></script>
<script src="asserts/js/popper.min.js" type="text/javascript"></script>
<script src="asserts/js/bootstrap.min.js" type="text/javascript"></script>

<!-- Icons -->
<script src="asserts/js/feather.min.js" type="text/javascript"></script>



</body>

</html>